<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
	 <div class="container">
	 
	 
	
	  <!-- Content Area For Each Page -->
		   <!-- Landing Page Content Start -->
		   <div class="pmu-content-Login margin-top60">
				<div class="login-page-header">
				  <h1 class="ultra-light">Bitsians.. Sell your old goods for FREE!</h1>
				  <p>Bits Bazaar provides you a service to create a listing where other users can contact you to buy your product so you need to provide your contact details. However, you can chose to hide your details.</p>
				</div>
				 <%--  <form method="POST" action="/BitsBazaar/uploadImage.html" >
				 
				 	 
        
              <input type="submit" value="Upload"/> --%>
				 <form:form method="POST" action="upload.html"  enctype="multipart/form-data" >
			
				<div class="row">
				    <div class="well">
						<div class ="form-horizontal">
						   <div class="control-group">
								<label class="control-label" for="inputHeader">Upload Image</label>
								<div class="controls">
									<input type="file" name="file">
								</div>
							</div>
							<div class="control-group"> 
								<label class="control-label" for="inputCategory">Select your Category</label>
								<div class="controls">
									<select id="inputCategory">
									<option value="0">Select Category</option>
                                    <option value="1">Books</option>
                                    <option value="2">Mobiles</option>
                                    <option value="3">Electronics</option>
                                    <option value="4">Jobs</option>
                                    <option value="5">Rent Taxi</option>
                                    <option value="6">Educations</option>
                                    <option value="7">Pets</option>
                                    <option value="8">Events</option>
                                    <option value="9">Cloths</option>
                                    <option value="10">Computers</option>
                                    <option value="11">Bicycles</option>
                                    <option value="12">Movies</option>
									</select>
								</div>
							</div>
							<div id="subCategoryList" class="control-group" style="display:none">
								<label class="control-label" for="inputHeader">Select Sub-category</label>
								<div class="controls">
									<form:select path="subcatId" id="subCategory"></form:select>
								</div>
							</div>
							
							<div class="control-group">
								<label class="control-label" for="inputHeader">Create a Title</label>
								<div class="controls">
									<form:textarea rows="2" path="name" class="input-xxlarge" id="inputHeader" placeholder="Advertise your Product.. This will be your title and shown on the listing page"></form:textarea>
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="inputDetails">Enter more details about your product</label>
								<div class="controls">
									<form:textarea rows="5" class="input-xxlarge" path="details"  id="inputDetails" placeholder="Show off your product.. why would anyone want to buy your product instead of a similar being sold at Akshay Supermarket"></form:textarea>
								</div>
							</div>

							<div class="control-group">
	
	
	
								<label class="control-label" for="inputPrice">Price</label>
								<div class="controls">
								<div class="input-prepend">
									  <span class="add-on">Rs</span>
									  <form:input id="inputPrice" path="price"  type="text"></form:input>
									</div>	
									<label class="radio inline">
									  <form:radiobutton path="fixed" name="priceRadios"  id="priceRadio1" value="1"></form:radiobutton> Fixed 
									</label>
									<label class="radio inline">
									  <form:radiobutton  path="fixed" name="priceRadios" id="priceRadio2" value="0"></form:radiobutton> Negotiable
									</label>	
															
								</div>
							</div>
							<hr/>
							
							<h4>Contact Details</h4>
							<p>Contact details are compulsary because the Buyers would contact you on your phone / address. Don't worry! it is only visible to users who have signed in.</p>
							<div class="control-group">
								<label class="control-label" for="inputHeader">Mobile Number</label>
								<div class="controls">
									<div class="input-prepend">
									  <span class="add-on">+91</span>
									  <input id="prependedInput" type="text" placeholder="10 digit number">
									</div>							
								</div>
							</div>
							<div class="control-group">
								<label class="control-label" for="inputHeader">Location</label>
								<div class="controls">
									  <input id="inputRoom" type="text" placeholder="Room No/Address 1">
									  <input id="inputHostel" type="text" placeholder="Hostel/Address 2">					
								</div>
							</div>
							<div>
							<center>
								<input type="submit" value="Submit Ad!"  onclick="uploadFormData()" class="btn btn-success btn-large">
							</center>
                            </div>
						</div>
					  </div>					  
				</div>
				 </form:form>
		   </div>
		  
		 
    </form>
     </div>